@charset "utf-8";
/*~~~~框架布局~~~*/


/*==顶部↓==*/
.header{ position: relative;padding:25px 0; border-top:5px #00036c solid;}
/*.fixed-top{position:fixed;z-index:99;width:100%;padding:10px 0; background:#fff}
.fixed-top .logo{}*/
.header .logo{}
.header .logo img{}
.header .right{/*! width: 1040px; */}
.header .right .p{color:#666666;font-size:16px;}
.header .right .p font{ display: block; color:#00036c;/*! font-weight:bold; */font-size: 22px;}
.header .right .tel{ color:#00036c;font-size:24px;padding-left:55px; background: url(../images/tel_ico.png) no-repeat left;margin: 15px 0 0 0;}
.nav-long{float:left; width: 100%;background: #00036c}
.nav-long .nav{/*! margin: 23px 0 0 0; */}
.nav-long .nav li{float: left;/* position: relative; */}
.nav-long .nav li a.navAone{ position: relative;z-index:2;display: block; color:#fff; font-size:16px; border-radius:0px;padding:10px 45px;line-height: 35px;margin-right: 13px; overflow: hidden;}
.nav-long .nav li a.navAone:before{ opacity: 0;content:""; position: absolute;left:0;bottom:0;z-index:-1; width:100%;height:50%; background:#121698;transition: all .4s ease-in-out;}
.nav-long .nav li a.navAone:hover:before,.nav-long .nav li.active a.navAone:before{opacity: 1;height:100%;}
.nav-long .nav li a.navAone:hover,.nav-long .nav li.active a.navAone{ color:#fff; }
/*.header .nav li.drop-downHover a.navAone{ background:#00036c;color:#fff}*/
.nav-long .search{ position:relative;margin: 17px 0 0 0;float: right;}
.nav-long .search em{display: block;width:20px;height:20px;font-size: 22px;color: #fff;border-left:1px #a7a7a7 solid;padding-left:20px; margin-left:20px;}
.nav-long .search:hover .box{ opacity:1;height:100px;}
.nav-long .search .box form{width:600px;margin:auto;padding: 25px 20px 20px 20px;}
.nav-long .search .box{opacity:0;position:absolute;top:38px;right:0;z-index:99;height:0px;width: 1200px;border-radius: 0 0px 5px 5px;overflow:hidden;background: #FFFCFC;border: 1px #f1f1f1 solid;}
.nav-long .search .box span{color: #46989C;font-size:15px;padding-right:30px;}	
.nav-long .search .box input{width:0px;height: 40px;color: #666;border-bottom: 1px #46989C solid;border-left: 0px;border-top: 0px;border-right: 0px;outline: medium;background: none;}
.nav-long .search .box input::-webkit-input-placeholder { /* WebKit browsers */color:#999;}
.nav-long .search .box input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */　color:#999;}
.nav-long .search .box input::-moz-placeholder { /* Mozilla Firefox 19+ */color:#999;　}
.nav-long .search .box input:-ms-input-placeholder { /* Internet Explorer 10+ */color:#999;}
.nav-long .search .box button{width: 0px;height: 0px;border: 0px;color: #fff;font-size: 15px;border-radius: 50%;cursor: pointer;background: #46989C;}
.nav-long .search:hover input{width: 310px;transition:all .8s ease-in-out;}
.nav-long .search:hover button{width:40px;height: 40px;transform:rotate(360deg);transition:all .8s ease-in-out;}
.nav-long .search .box button:hover{ background:#000}


/*==标题↓==*/
.titleAx{color:#00036c;font-size:32px;margin:30px auto; display:table; padding-bottom:30px;background: url(../images/line05.png) no-repeat center bottom;}


/*==产品↓==*/
.HomeProduct{padding:50px 0;background:#f5f5f5}
.ProductListBox2{background:#f5f5f5}
.HomeProduct .leftNav{width:300px;}
.leftNav{width:300px;}
.leftNav h2{padding:30px 25px;margin:0px;font-size:24px; font-weight:bold; background:#00036c;color: #fff;}
.leftNav h2 a{ float:right;color:#fff;font-size:20px;padding:0 5px;font-weight:400; border:1px #fff solid}
.leftNav ul{ background: #fff; box-shadow: 0 0 10px #eee;}
.leftNav ul li{border-bottom:1px #eee solid;}
.leftNav ul li a{ display: block;color:#666666;font-size:15px;margin-left:30px; padding:15px 0 15px 15px; background: url(../images/arrow_02.png) no-repeat left; }
.leftNav ul li:hover{ background: #00036c}
.leftNav ul li.active a{color:#00036c}
.leftNav ul li a:hover{color:#fff;background: url(../images/arrow_03.png) no-repeat left; }
.leftNav .tel{display: block;color:#666666;font-size:14px; padding:30px; background: url(../images/bg01.jpg) no-repeat center;}
.leftNav .tel font{ margin-top:5px;display: block; color:#00036c;font-size:34px;}
.HomeProduct .right{width:890px;}
.list-2{}
.list-2 li{ position: relative; float:left;width:275px; margin:0 10px 20px 10px; overflow: hidden; background: #fff;}
.list-2 li a:before{opacity: 0;content: "";position: absolute; left:0;top:0; width:100%; height:100%; transform:translateY(30px);background: rgba(0, 138, 229, 0.4);transition: all .5s ease-in-out;z-index: 1;}
.list-2 li em{ opacity: 0; position: absolute; top:40%;left:45%;z-index: 2; color:#fff;font-size:30px;transform:translateY(-30px);transition: all .5s ease-in-out;}
.list-2 li h4{ position: relative;z-index: 5;color:#666666;font-size:14px;/*! margin-top:10px; */text-align: center;padding: 22px 0 10px 0;transition: all .5s ease-in-out;}
.list-2 li p{position: relative;color:#666;font-size:12px;z-index: 5;line-height:20px;padding:0px 20px 20px 20px;transition: all .5s ease-in-out;}
.list-2 li:hover h4{color:#fff}
.list-2 li:hover p{color:#fff}
.list-2 li:hover a:before{ opacity: 1;transform:translateY(0px);}
.list-2 li:hover em{ opacity: 1;transform:translateY(0px);}


/*==案例↓==*/
.HomeCase{ margin:30px 0 50px 0;}
.list-3{}
.list-3 li{ position:relative;float:left;width:380px; margin:0 10px 20px 10px;}
.list-3 li img{height:297px;}
.list-3 li h4{ position: absolute; left:0;bottom:0; width:100%;line-height: 40px; color:#fff; background:rgba(0,0,0,0.5);text-align: center;}
.list-3 li:hover h4{background:#00036c}
.HomeCase .more{ display:table; margin:30px auto 0; color:#666666;font-size:18px; text-align: center; }
.HomeCase .more:hover{color:#00036c}
#caseList li{width:276px;}
#caseList li img{height:220px}


/*==首页关于↓==*/
.HomeAbout{padding:50px 0 60px 0; background:#f5f5f5}
.HomeAbout .left{width:600px;}
.HomeAbout .right{width:540px;}
.HomeAbout .right h2{color:#222222;font-size:24px;}
.HomeAbout .right h2 font{ display: block; color:#00036c;font-size:50px;margin-bottom: 20px;}
.HomeAbout .right .wx{ margin:50px 0;color:#666666;font-size:14px;line-height: 27px;}
.HomeAbout .right .block{float:left; padding:10px 35px;margin-right:30px; border:1px #666666 solid;color: #666666;font-size:16px;;}
.HomeAbout .right .block:hover{color:#fff;border:1px #00036c solid;background:#00036c}
.HomeAbout .picScroll-left{position: relative;margin-top: 30px;}
.HomeAbout .picScroll-left .long{overflow: hidden;}
.HomeAbout .picScroll-left .long .list{}
.HomeAbout .picScroll-left .long .list li{float:left; width:300px;}
.HomeAbout .picScroll-left .long .list li a{ position:relative;display: block;margin:0 7px;}
.HomeAbout .picScroll-left .long .list li:hover{}
.HomeAbout .picScroll-left .long .list li img{height:200px;}
.HomeAbout .picScroll-left .long .list li h4{ opacity: 0; position:absolute;left:0;bottom:0;line-height:40px;color:#fff;width:100%; font-size:14px; text-align: center; background: rgba(0,0,0,0.5);}
.HomeAbout .picScroll-left .long .list li:hover h4{opacity: 1}
.HomeAbout .picScroll-left .prev,.HomeAbout .picScroll-left .next{position: absolute; top:90px;left:-50px;width:39px;line-height:35px; border-radius:50%;font-size:35px;color:#b9b9b9;border:1px #b9b9b9 solid;cursor: pointer;text-align: center;}
.HomeAbout .picScroll-left .next{right:-50px; left:auto;}
.HomeAbout .picScroll-left .prev:hover,.HomeAbout .picScroll-left .next:hover{color:#fff;border:1px #00036c solid;background:#00036c}


/*==首页新闻↓==*/
.HomeArticle{ margin:50px 0}
.HomeArticle .left{width:570px;}
.HomeArticle .tone{ margin:10px 0 15px 0;overflow: hidden;}
.HomeArticle .tone li{ position:relative;float:left;padding-bottom:10px;color:#666666;font-size:18px; margin-right:20px; cursor: pointer;}
.HomeArticle .tone li:before{content: ""; position: absolute; left:0; bottom:0; width:0%; height:2px; background: #00036c;transition: all .4s ease-in-out;}
.HomeArticle .tone li:hover,.HomeArticle .tone li.hit{color:#333333;font-weight:bold;}
.HomeArticle .tone li:hover:before,.HomeArticle .tone li.hit:before{ width:100%;}
.HomeArticle .tone .more{float:right;color:#333333;font-size:14px;}
.HomeArticle .tone .more:hover{color:#00036c}
.HomeArticle .left .list{}
.HomeArticle .left .list .one{ border-bottom:1px #dddd solid; padding-bottom:20px; margin-bottom:20px;}
.HomeArticle .left .list .one h4{ margin:10px 0;color: #333333;font-size: 14px;font-weight: bold;}
.HomeArticle .left .list .one p{color:#333333;font-size:14px;}
.HomeArticle .left .list .one p b{}
.HomeArticle .left .list .one:hover h4,.HomeArticle .list .one:hover p b{color:#00036c}
.HomeArticle .left .list .two{ margin:7px 0;color:#333333;font-size:14px;}
.HomeArticle .left .list .two span{float:right}
.HomeArticle .left .list .two:hover a,.HomeArticle .list .two:hover span{color:#00036c;}
.HomeArticle .right{width:570px;}
.HomeArticle .right .list{}
.HomeArticle .right .list li{float:left;clear:both;margin-bottom:20px;}
.HomeArticle .right .list li .pic{width:200px;height:150px; margin-right:30px;float: left;}
.HomeArticle .right .list li h4{color:#333333;font-size:14px;font-weight:bold;}
.HomeArticle .right .list li p{color:#333333;font-size:14px;margin-top:20px;}
.HomeArticle .right .list li p b{color:#333333;font-size:14px;}
.HomeArticle .right .list li:hover h4,.HomeArticle .right .list li:hover p b{color:#00036c}


/*==底部===*/
.footer{padding: 80px 0 10px 0;background: #2f2f2f;}
.footer .nav h3{color:#fff;font-size:16px;margin-bottom:10px;}
.footer .nav{width: 850px;display: table;}
.footer .nav li{/*! display: table-cell; */float: left;width: 150px;}
.footer .nav li.x1{width:300px; margin-right:30px;}
.footer .nav li.x1 .box{-moz-column-count:2; /* Firefox */-webkit-column-count:2; /* Safari and Chrome */column-count:2;}
.footer .nav li a{ display: block;color:#e6e6e6; line-height:20px;font-size:12px;padding:3px 0;}
.footer .nav li a:hover{color:#999}
.footer .ser{width:300px;color:#999999;font-size:12px;padding:30px 20px; background:#00036c;margin-top: -80px;}
.footer .ser h3{ position:relative;display:table;margin:auto;color:#fff;font-size:16px}
.footer .ser h3:before,.footer .ser h3:after{ content: ""; position: absolute; left:-55px;top:12px; height:1px;width:50px;background: #fff;}
.footer .ser h3:after{left:auto;right:-55px;}
.footer .ser b{display: block; margin:15px 0;color:#fff;font-size:30px; text-align: center;line-height: 29px;}
.footer .ser span{display: inline-block;color:#fff;font-size:12px; margin-left:15px;text-align: center;}
.footer .ser img{ display:block; margin:0 auto 5px; width:110px;}
.footer .down{ margin-top:35px;color:#a4a4a4;font-size:12px; border-top:1px #484848 solid;padding: 25px 0 10px 0;}
.footer .down a{color:#a4a4a4;font-size:12px;}
.footer .down .right a{ border-left: 1px #9e9e9e solid;padding-left: 10px;margin-left: 10px;}
.footer .down .right a:nth-child(1){ border:none}
.footer .down a:hover{color:#fff}